import React from 'react'
import {Row,Col} from 'antd'
import ct from '../../img/img/ct.jpg'
import hnv from '../../img/img/hnv.jpg'
import yh from '../../img/img/yh.jpg'
import zm from '../../img/img/zm.jpg'
import {HashRouter,Route,Link,Switch,withRouter,NavLink,BrowserRouter,Prompt,Redirect} from 'react-router-dom'
function We(){
    return (
        <div>
            <Row>
                <Col span={12}>
                <img src={ct} alt="加载"/>
                </Col>
                <Col span={12}>
                <img src={hnv} alt="加载"/>
                </Col>
                <Col span={12}>
                <img src={yh} alt="加载"/>
                </Col>
                <Col span={12}>
                <img src={zm} alt="加载"/>
                </Col>
            </Row>
        </div>
    )
}
function Er(){
    return (
        <div>qwe</div>
    )
}
class Rq extends React.Component
{
    constructor(){
        super()
    }
    render(){
        return (
            <div>sas</div>
        )
    }
}
class Success extends React.Component
{
    constructor(){
        super()
    }
    render(){
        return (
           <div>      
                    <BrowserRouter>
                    <Row>
                        <Col span={6}><NavLink to="/success/">言情</NavLink></Col>
                        <Col span={6}><NavLink to="/success/a">都市</NavLink></Col>
                    </Row>
                    <Row>
                        <Col span={24}>
                        <Switch>
                        <Route exact path="/success/" component={We} />
                        <Route   path="/success/a" component={Rq} />
                        <Prompt message="确定要离开？" />
                        </Switch>
                        </Col>
                    </Row>
                      </BrowserRouter>
           </div>
        )
    }
}
export default Success